<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html class="no-js">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <title>兑换记录</title>

    <link href="${pageContext.request.contextPath}/assets/css/amazeui.css" rel="stylesheet" type="text/css"/>
    <link href="${pageContext.request.contextPath}/assets/css/admin.css" rel="stylesheet" type="text/css"/>

    <!--必要样式-->
    <style>
        body {
            font-family: "Microsoft Yahei", 微软雅黑, arial, "Lantinghei SC";
            background: #fff;
        }

        .account {
            padding-top: 5px;

            overflow: auto;
        }

        .order-title .am-u-sm-12 {
            padding: 6px 6px;
            border-bottom: 1px solid #F2F2F2;
        }

        .order-title .am-u-sm-12 span {
            font-size: 18px;
            color: #000;
            vertical-align: middle;
            display: inline-block;
            line-height: 25px;
            margin-left: 8px;
        }
    </style>
</head>

<body>
<header data-am-widget="header" class="am-header am-header-default am-header-fixed">
    <div class="am-header-left am-header-nav">
        <a href="${pageContext.request.contextPath}/clientHome/goIntegralShop" class="">
            <i class="am-header-icon am-icon-chevron-left"></i>
        </a>
    </div>
    <h1 class="am-header-title">
        <a href="#title-link" class="">
            积分兑换记录
        </a>
    </h1>

</header>
<div class="am-g " id="list">
    <div class="account" v-for="item in items">
        <div class="am-u-sm-6">
            <span style="float: left;font-size: 16px;">奖品名称</span><br><span style="font-size: 12px;">2017-06-08</span>
        </div>
        <div class="am-u-sm-6" style="padding: 10px;">
            <span class="am-fr">500</span>
        </div>

        <hr style="padding: 0;margin:0;" class="am-u-sm-12">
    </div>


</div>
<script src="${pageContext.request.contextPath}/assets/js/jquery.min.js"></script>
<script src="${pageContext.request.contextPath}/assets/js/amazeui.min.js"></script>
<script src="${pageContext.request.contextPath}/assets/js/vue.js"></script>
<script src="${pageContext.request.contextPath}/layer/mobile/layer.js"></script>
<script>
    var list = new Vue({
        el: "#list",
        data: {
            items: []
        }
    });

    $(function () {

        $.ajax({
            type: "get",
            url: '${pageContext.request.contextPath}/clientIntegralGoods/findAll',
            dataType: 'json',
            success: function (data) {
                if (data.code == 200 && data.success == true) {
                    list.items = data.obj;
                } else {
                    layer.msg(data.msg);
                }
            }

        });

    });

</script>
</body>
</html>